$form-button: (icon-margin: getCssVar(spacing, extra-tight),
  icon-max-width: getCssVar(width-icon, medium),
  icon-max-height: getCssVar(width-icon, medium),
);

@include b(form-button) {
  @include set-component-css-var(form-button, $form-button);

  width: 100%;
  height: 100%;
  padding: getCssVar(spacing, tight);
  overflow: hidden;

  button {
    width: 100%;
    background-color: white;
    &:after{      
      border: 1px solid #BBBBBB;
    }

    @include b(form-button-content) {
      display: flex;
      justify-content: center;
      align-items: center;

      // img,
      // i {
      //   display: inline-block;
      //   max-width: getCssVar(form-button, icon-max-width);
      //   max-height: getCssVar(form-button, icon-max-height);
      // }

      // 同时存在图标和文本时，给文本加左margin
      .#{bem(icon)}+.#{bem(form-button-content, '', caption)} {
        margin-left: getCssVar(form-button, icon-margin);
      }
    }
  }

  @include when(loading) {
    .button {
      .#{bem(icon)} {
        display: none;
      }
    }
  }
}